<template>
	<view>
		<view class="top">

		</view>
		<view class="bottom">
			<view class="bottom-card1">
				<view class="car">
					<image src="../../../static/images/汽车小车.png"></image>
				</view>
				<view class="biaodan">
					<form action="">
						<view class="ff">
							<label class="lab">车辆类型</label>
							<input class="inp" placeholder="请输入" type="text" />
						</view>
						<view class="ff">
							<label class="lab">车辆型号</label>
							<input class="inp" placeholder="请输入" type="text" />
						</view>
						<view class="ff">
							<label class="lab">车牌号码</label>
							<input class="inp" placeholder="请输入" type="text" />
						</view>
						<view class="ff">
							<label class="lab">车主姓名</label>
							<input class="inp" placeholder="请输入" type="text" />
						</view>
						<view class="ff">
							<label class="lab">电话号码</label>
							<input class="inp" placeholder="请输入" type="text" />
						</view>
						<view class="ff">
							<label class="lab">照片</label>
							<input class="inp1"  type="text"  />
						</view>
						<view>
							<u-upload
							class="sc"
									:fileList="fileList1"
									@afterRead="afterRead"
									@delete="deletePic"
									name="1"
									multiple
									:maxCount="10"
								></u-upload>
						</view>

					</form>
				</view>
			</view>
			<view class="tianjia"><u-button shape="circle" type="primary" @tap="navigateToPage" icon="plus" text="添加车辆"></u-button></view>





		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				fileList1:[]



			}
		},
		methods: {
			navigateToPage(){
				uni.navigateTo({
					url:'/pages/feng/addsuc/addsuc'
				})
			}
			



		}
	}
</script>

<style>
	.top {
		width: 100%;
		height: 200px;
		background-color: #FF7500;
	}

	.bottom {
		margin: 0 20px;
	}

	.bottom-card1 {
		height: 520px;
		margin-top: -185px;
		background-color: #fff;
		border-radius: 10px;
	}

	.car>image {
		width: 170px;
		height: 140px;
	}

	.car {
		padding: 20px;
		display: flex;
		justify-content: center;
	}

	.biaodan {
		margin: 10px 20px;
	}

	.lab {
		width: 60px;
		border-radius: 20px;
		background-color: #4FA2FF;
		color: #fff;
		padding: 5px 10px;
		font-size: 13px;
		margin-right: 10px;
		margin-top: 10px;
		display: flex;
		justify-content: center;
	}

	.inp {
		border-radius: 20px;
		padding: 5px 20px;
		border: solid 2px #E8E8E8;
		margin-top: 10px;
	}
	.ff{
		display: flex;
		justify-content: space-around;
	}
	.tupian{
		margin-top: 10px;
	}
	.inp1{
		border-radius: 20px;
		padding: 5px 20px;
		margin-top: 10px;
	}
	.sc{
		margin-left: 100px;
		margin-top: -28px;
	}
	.tianjia{
		margin-top: 10px;
	}
</style>